<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>付费会员用户服务协议 - 记账助手</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <style>
        .agreement-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 30px 20px;
            text-align: center;
            border-radius: 0 0 20px 20px;
            margin-bottom: 20px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }
        
        .agreement-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 10px;
        }
        
        .agreement-subtitle {
            font-size: 14px;
            opacity: 0.8;
        }
        
        .agreement-content {
            background: white;
            border-radius: 16px;
            padding: 20px;
            margin: 15px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
        }
        
        .agreement-section {
            margin-bottom: 20px;
        }
        
        .agreement-section-title {
            font-size: 18px;
            font-weight: 600;
            color: #2d3748;
            margin-bottom: 10px;
            padding-bottom: 5px;
            border-bottom: 1px solid #e2e8f0;
        }
        
        .agreement-section-content {
            font-size: 14px;
            color: #4a5568;
            line-height: 1.6;
        }
        
        .back-btn {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(255,255,255,0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
            z-index: 10;
            cursor: pointer;
        }
        
        .vip-highlight {
            color: #FFD700;
            font-weight: 600;
        }
    </style>
</head>
<body>
    <div class="screen">
        <div class="app-container">
            <div class="agreement-header">
                <div class="back-btn" onclick="window.location.href='about-us.html'">←</div>
                <div class="agreement-title">付费会员用户服务协议</div>
                <div class="agreement-subtitle">最后更新日期：2023年12月1日</div>
            </div>
            
            <div class="agreement-content">
                <div class="agreement-section">
                    <div class="agreement-section-title">1. 协议的接受与修改</div>
                    <div class="agreement-section-content">
                        <p>本付费会员用户服务协议（以下简称"本协议"）是您与记账助手（以下简称"我们"）之间关于您使用记账助手付费会员服务所订立的协议。</p>
                        <p>当您点击同意或确认购买付费会员服务时，即表示您已充分阅读、理解并接受本协议的全部内容。如您不同意本协议的任何条款，请您立即停止购买或使用付费会员服务。</p>
                        <p>我们保留随时修改本协议的权利。修改后的协议一经在应用内公布，即代替原协议。如您不同意相关修改，请立即停止使用付费会员服务；如您继续使用付费会员服务，则视为您接受修改后的协议。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">2. 会员服务内容</div>
                    <div class="agreement-section-content">
                        <p>付费会员服务包括但不限于以下内容：</p>
                        <ul>
                            <li><span class="vip-highlight">无限账本</span>：可创建无限数量的账本，满足不同场景的记账需求。</li>
                            <li><span class="vip-highlight">高级数据分析</span>：提供更详细的收支分析和财务报表。</li>
                            <li><span class="vip-highlight">自定义分类</span>：可创建更多自定义收支分类。</li>
                            <li><span class="vip-highlight">数据导出</span>：支持多种格式的数据导出功能。</li>
                            <li><span class="vip-highlight">云端备份</span>：自动备份数据到云端，确保数据安全。</li>
                            <li><span class="vip-highlight">多设备同步</span>：数据可在多台设备间实时同步。</li>
                            <li><span class="vip-highlight">无广告体验</span>：去除应用内所有广告。</li>
                            <li><span class="vip-highlight">专属客服</span>：享受优先客服支持服务。</li>
                        </ul>
                        <p>我们可能会不时调整会员服务的具体内容，具体以应用内实际提供的服务为准。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">3. 会员费用与支付</div>
                    <div class="agreement-section-content">
                        <p>3.1 会员费用：</p>
                        <p>我们提供多种会员套餐供您选择，包括但不限于月度会员、季度会员、年度会员等。具体价格以应用内显示为准。</p>
                        <p>3.2 支付方式：</p>
                        <p>您可以通过微信支付、支付宝、Apple Pay、银行卡等方式支付会员费用。</p>
                        <p>3.3 自动续费：</p>
                        <p>某些会员套餐可能设置为自动续费。选择自动续费的，我们将在当前订阅周期结束前24小时内自动向您收取下一个周期的会员费用。如您不希望自动续费，请在当前订阅周期到期前至少24小时取消自动续费设置。</p>
                        <p>3.4 价格调整：</p>
                        <p>我们可能会不时调整会员服务的价格。价格调整后，您在当前订阅周期内的费用不会受到影响，但在下一个续费周期可能会按照新的价格收费。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">4. 会员有效期与续费</div>
                    <div class="agreement-section-content">
                        <p>4.1 会员有效期：</p>
                        <p>会员有效期自您成功支付会员费用并激活会员服务之日起计算，至您所购买的会员服务期限届满之日止。</p>
                        <p>4.2 会员续费：</p>
                        <p>您可以在会员有效期内或会员到期后随时续费。如您在会员到期前续费，新的会员有效期将自当前会员有效期结束后开始计算。</p>
                        <p>4.3 会员兑换码：</p>
                        <p>您可以通过兑换码激活会员服务。兑换码的有效期及可兑换的会员服务类型以兑换码的具体说明为准。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">5. 退款政策</div>
                    <div class="agreement-section-content">
                        <p>5.1 一般情况下，会员服务一经购买成功，除法律法规另有规定外，我们不提供退款服务。</p>
                        <p>5.2 如因我们的原因导致您无法正常使用已购买的会员服务，您可以联系客服申请退款或延长会员有效期。</p>
                        <p>5.3 如您通过第三方平台（如App Store、Google Play等）购买会员服务，退款事宜请遵循相关平台的退款政策。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">6. 会员账号管理</div>
                    <div class="agreement-section-content">
                        <p>6.1 会员资格不可转让：</p>
                        <p>您的会员资格仅限您本人使用，不得转让、出借、赠与、继承或以其他方式提供给他人使用。</p>
                        <p>6.2 账号安全：</p>
                        <p>您应当妥善保管账号和密码，因账号或密码保管不善导致的任何损失由您自行承担。</p>
                        <p>6.3 违规处理：</p>
                        <p>如您违反本协议或相关法律法规，我们有权暂停或终止您的会员服务，且不予退还已支付的会员费用。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">7. 服务中断与终止</div>
                    <div class="agreement-section-content">
                        <p>7.1 服务中断：</p>
                        <p>因系统维护、升级或其他原因，我们可能会暂停会员服务的部分或全部功能。对于计划内的维护，我们将提前通知；对于突发状况，我们将尽快恢复服务并通知您。</p>
                        <p>7.2 服务终止：</p>
                        <p>如我们决定终止提供某项会员服务，我们将提前30天通知您，并根据实际情况提供替代方案或按比例退还未使用部分的会员费用。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">8. 免责声明</div>
                    <div class="agreement-section-content">
                        <p>8.1 我们将尽最大努力确保会员服务的连续性和安全性，但不对因不可抗力、网络波动、第三方服务中断等非我们原因导致的服务中断或数据丢失承担责任。</p>
                        <p>8.2 会员服务中提供的理财建议、数据分析等内容仅供参考，不构成任何投资建议，用户应自行承担投资风险。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">9. 法律适用与争议解决</div>
                    <div class="agreement-section-content">
                        <p>9.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。</p>
                        <p>9.2 如双方就本协议内容或执行发生争议，应友好协商解决；协商不成的，任何一方均有权将争议提交至我们所在地有管辖权的人民法院诉讼解决。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">10. 联系我们</div>
                    <div class="agreement-section-content">
                        <p>如您对本协议或会员服务有任何疑问，请通过以下方式联系我们：</p>
                        <p>客服邮箱：vip@money-record.com</p>
                        <p>客服热线：400-888-8888（工作日 9:00-18:00）</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="bottom-nav">
            <div class="nav-item" data-page="index.html">
                <div class="nav-icon">🏠</div>
                <div>首页</div>
            </div>
            <div class="nav-item" data-page="statistics.html">
                <div class="nav-icon">📊</div>
                <div>统计</div>
            </div>
            <div class="nav-item" id="quick-record-btn">
                <div class="nav-icon" style="font-size: 24px;">➕</div>
                <div>记账</div>
            </div>
            <div class="nav-item" data-page="details.html">
                <div class="nav-icon">📝</div>
                <div>明细</div>
            </div>
            <div class="nav-item active" data-page="user.html">
                <div class="nav-icon">👤</div>
                <div>我的</div>
            </div>
        </div>
    </div>
    
    <script>
        // 底部导航栏点击事件
        document.querySelectorAll('.nav-item').forEach(item => {
            if (item.id !== 'quick-record-btn') {
                item.addEventListener('click', function() {
                    window.location.href = this.getAttribute('data-page');
                });
            }
        });
        
        // 快速记账按钮点击事件
        document.getElementById('quick-record-btn').addEventListener('click', function() {
            window.location.href = 'auto-record.html';
        });
    </script>
</body>
</html>